import {Component} from "react"
import TodolistBar from './components/TodolistBar'
import TodoBar from './components/TodoBat'

class App extends Component {

  constructor(props){
    super(props)
    this.state = {
      todo:{},
    }
  }
    //回调函数
    addTodo =(todo)=>{
      console.log(todo);
      // 修改状态只能用setState
      this.setState({
        todo:todo
      })
    }
  render() {
    return (
      <div className="App">
        <TodolistBar addTodo={this.addTodo} />
        <TodoBar todo={this.state.todo} />
      </div>
    );
  }
}

export default App;
